var cal;
var isFocus = false;

function SetDate(obj, strFormat) {
    var date = new Date();
    var by = date.getFullYear() - 50;
    var ey = date.getFullYear() + 20;
    cal = (cal == null) ? new Calendar(by, ey, 0, strFormat) : (cal.dateFormatStyle == strFormat ? cal : new Calendar(by, ey, 0, strFormat));
    cal.show(obj)
}
String.prototype.toDate = function (style) {
    var y = this.substring(style.indexOf('y'), style.lastIndexOf('y') + 1);
    var m = this.substring(style.indexOf('M'), style.lastIndexOf('M') + 1);
    var d = this.substring(style.indexOf('d'), style.lastIndexOf('d') + 1);
    var h = this.substring(style.indexOf('h'), style.lastIndexOf('h') + 1);
    var i = this.substring(style.indexOf('m'), style.lastIndexOf('m') + 1);
    var s = this.substring(style.indexOf('s'), style.lastIndexOf('s') + 1);
    if (isNaN(y)) y = new Date().getFullYear();
    if (isNaN(m)) m = new Date().getMonth();
    if (isNaN(d)) d = new Date().getDate();
    if (isNaN(h)) h = new Date().getHours();
    if (isNaN(i)) i = new Date().getMinutes();
    if (isNaN(s)) s = new Date().getSeconds();
    var dt;
    eval("dt = new Date('" + y + "', '" + (m - 1) + "','" + d + "','" + h + "','" + i + "','" + s + "')");
    console.log(dt);
    return dt;
};
Date.prototype.format = function (style) {
    var o = {
        "M+": this.getMonth() + 1,
        "d+": this.getDate(),
        "h+": this.getHours(),
        "m+": this.getMinutes(),
        "s+": this.getSeconds(),
        "w+": "天一二三四五六".charAt(this.getDay()),
        "q+": Math.floor((this.getMonth() + 3) / 3),
        "S": this.getMilliseconds()
    };
    if (/(y+)/.test(style)) {
        style = style.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length))
    }
    for (var k in o) {
        if (new RegExp("(" + k + ")").test(style)) {
            style = style.replace(RegExp.$1, RegExp.$1.length == 1 ? o[k] : ("00" + o[k]).substr(("" + o[k]).length))
        }
    }
    return style
};

function Calendar(beginYear, endYear, lang, dateFormatStyle) {
    this.beginYear = 1990;
    this.endYear = 2010;
    this.lang = 0;
    this.dateFormatStyle = "yyyy-MM-dd";
    if (beginYear != null && endYear != null) {
        this.beginYear = beginYear;
        this.endYear = endYear
    }
    if (lang != null) {
        this.lang = lang
    }
    if (dateFormatStyle != null) {
        this.dateFormatStyle = dateFormatStyle
    }
    this.dateControl = null;
    this.panel = this.getElementById("calendarPanel");
    this.container = this.getElementById("ContainerPanel");
    this.form = null;
    this.date = new Date();
    this.year = this.date.getFullYear();
    this.month = this.date.getMonth();
    this.colors = {
        "cur_word": "#FFFFFF",
        "cur_bg": "#83A6F4",
        "sel_bg": "#FFCCCC",
        "sun_word": "#FF0000",
        "sat_word": "#0000FF",
        "td_word_light": "#333333",
        "td_word_dark": "#CCCCCC",
        "td_bg_out": "#EFEFEF",
        "td_bg_over": "#FFCC00",
        "tr_word": "#FFFFFF",
        "tr_bg": "#666666",
        "input_border": "#CCCCCC",
        "input_bg": "#EFEFEF"
    };
    this.draw();
    this.bindYear();
    this.bindMonth();
    this.changeSelect();
    this.bindData()
}
Calendar.language = {
    "year": [
        [""],
        [""]
    ],
    "months": [
        ["一月", "二月", "三月", "四月", "五月", "六月", "七月", "八月", "九月", "十月", "十一月", "十二月"],
        ["JAN", "FEB", "MAR", "APR", "MAY", "JUN", "JUL", "AUG", "SEP", "OCT", "NOV", "DEC"]
    ],
    "weeks": [
        ["日", "一", "二", "三", "四", "五", "六"],
        ["SUN", "MON", "TUR", "WED", "THU", "FRI", "SAT"]
    ],
    "abort": [
        ["时间"],
        ["TIME"]
    ],
    "clear": [
        ["清空"],
        ["CLS"]
    ],
    "today": [
        ["今天"],
        ["TODAY"]
    ],
    "close": [
        ["关闭"],
        ["CLOSE"]
    ]
};
Calendar.prototype.draw = function () {
    calendar = this;
    var mvAry = [];
    mvAry[mvAry.length] = ' <div name="calendarForm" style="margin: 0px;">';
    mvAry[mvAry.length] = '    <table width="100%" border="0" cellpadding="0" cellspacing="1">';
    mvAry[mvAry.length] = '      <tr>';
    mvAry[mvAry.length] = '        <th align="left" width="1%"><input style="border: 1px solid ' + calendar.colors["input_border"] + ';background-color:' + calendar.colors["input_bg"] + ';width:16px;height:20px;" name="prevMonth" type="button" id="prevMonth" value="<" /></th>';
    mvAry[mvAry.length] = '        <th align="center" width="98%" nowrap="nowrap"><select name="calendarYear" id="calendarYear" style="font-size:12px;"></select><select name="calendarMonth" id="calendarMonth" style="font-size:12px;"></select></th>';
    mvAry[mvAry.length] = '        <th align="right" width="1%"><input style="border: 1px solid ' + calendar.colors["input_border"] + ';background-color:' + calendar.colors["input_bg"] + ';width:16px;height:20px;" name="nextMonth" type="button" id="nextMonth" value=">" /></th>';
    mvAry[mvAry.length] = '      </tr>';
    mvAry[mvAry.length] = '    </table>';
    mvAry[mvAry.length] = '    <table id="calendarTable" width="100%" style="border:0px solid #CCCCCC;background-color:#FFFFFF" border="0" cellpadding="3" cellspacing="1">';
    mvAry[mvAry.length] = '      <tr>';
    for (var i = 0; i < 7; i++) {
        mvAry[mvAry.length] = '      <th style="font-weight:normal;background-color:' + calendar.colors["tr_bg"] + ';color:' + calendar.colors["tr_word"] + ';">' + Calendar.language["weeks"][this.lang][i] + '</th>'
    }
    mvAry[mvAry.length] = '      </tr>';
    for (var i = 0; i < 6; i++) {
        mvAry[mvAry.length] = '    <tr align="center">';
        for (var j = 0; j < 7; j++) {
            if (j == 0) {
                mvAry[mvAry.length] = ' <td style="cursor:default;color:' + calendar.colors["sun_word"] + ';"></td>'
            } else if (j == 6) {
                mvAry[mvAry.length] = ' <td style="cursor:default;color:' + calendar.colors["sat_word"] + ';"></td>'
            } else {
                mvAry[mvAry.length] = ' <td style="cursor:default;"></td>'
            }
        }
        mvAry[mvAry.length] = '    </tr>'
    }
    mvAry[mvAry.length] = '      <tr align="center" style="font-size:12px;display: none">';
    mvAry[mvAry.length] = '        <td name="abort" id="abort" colspan="1" style="cursor:default;">' + Calendar.language["abort"][this.lang] + '</td>';
    mvAry[mvAry.length] = '        <td colspan="6"><select name="calendarHour" id="calendarHour"></select>';
    mvAry[mvAry.length] = ':<select name="calendarMinute" id="calendarMinute"></select>';
    mvAry[mvAry.length] = ':<select name="calendarSecond" id="calendarSecond"></select>';
    mvAry[mvAry.length] = '      </td></tr>';
    mvAry[mvAry.length] = '      <tr style="background-color:' + calendar.colors["input_bg"] + ';">';
    mvAry[mvAry.length] = '        <th colspan="2"><input name="calendarClear" type="button" id="calendarClear" value="' + Calendar.language["clear"][this.lang] + '" style="border: 1px solid ' + calendar.colors["input_border"] + ';background-color:' + calendar.colors["input_bg"] + ';width:100%;height:20px;font-size:12px;"/></th>';
    mvAry[mvAry.length] = '        <th colspan="3"><input name="calendarToday" type="button" id="calendarToday" value="' + Calendar.language["today"][this.lang] + '" style="border: 1px solid ' + calendar.colors["input_border"] + ';background-color:' + calendar.colors["input_bg"] + ';width:100%;height:20px;font-size:12px;"/></th>';
    mvAry[mvAry.length] = '        <th colspan="2"><input name="calendarClose" type="button" id="calendarClose" value="' + Calendar.language["close"][this.lang] + '" style="border: 1px solid ' + calendar.colors["input_border"] + ';background-color:' + calendar.colors["input_bg"] + ';width:100%;height:20px;font-size:12px;"/></th>';
    mvAry[mvAry.length] = '      </tr>';
    mvAry[mvAry.length] = '    </table>';
    mvAry[mvAry.length] = ' </div>';
    this.panel.innerHTML = mvAry.join("");
    var obj = this.getElementById("prevMonth");
    obj.onclick = function () {
        calendar.goPrevMonth(calendar)
    };
    obj.onblur = function () {
        calendar.onblur()
    };
    this.prevMonth = obj;
    obj = this.getElementById("nextMonth");
    obj.onclick = function () {
        calendar.goNextMonth(calendar)
    };
    obj.onblur = function () {
        calendar.onblur()
    };
    this.nextMonth = obj;
    obj = this.getElementById("calendarClear");
    obj.onclick = function () {
        calendar.dateControl.value = "";
        calendar.hide()
    };
    this.calendarClear = obj;
    obj = this.getElementById("calendarClose");
    obj.onclick = function () {
        calendar.hide()
    };
    this.calendarClose = obj;
    obj = this.getElementById("calendarYear");
    obj.onchange = function () {
        calendar.update(calendar)
    };
    obj.onblur = function () {
        calendar.onblur()
    };
    this.calendarYear = obj;
    obj = this.getElementById("calendarMonth");
    with(obj) {
        onchange = function () {
            calendar.update(calendar)
        };
        onblur = function () {
            calendar.onblur()
        }
    }
    this.calendarMonth = obj;
    obj = this.getElementById("calendarHour");
    with(obj) {
        length = 0;
        for (var i = 0; i < 24; i++) {
            if (i < 10) {
                options[length] = new Option("0" + i, "0" + i)
            } else {
                options[length] = new Option(i, i)
            }
        }
    }
    this.calendarHour = obj;
    obj = this.getElementById("calendarMinute");
    with(obj) {
        length = 0;
        for (var i = 0; i < 60; i++) {
            if (i < 10) {
                options[length] = new Option("0" + i, "0" + i)
            } else {
                options[length] = new Option(i, i)
            }
        }
    }
    this.calendarMinute = obj;
    obj = this.getElementById("calendarSecond");
    with(obj) {
        length = 0;
        for (var i = 0; i < 60; i++) {
            if (i < 10) {
                options[length] = new Option("0" + i, "0" + i)
            } else {
                options[length] = new Option(i, i)
            }
        }
    }
    this.calendarSecond = obj;
    obj = this.getElementById("calendarToday");
    obj.onclick = function () {
        var today = new Date();
        calendar.date = today;
        calendar.year = today.getFullYear();
        calendar.month = today.getMonth();
        calendar.changeSelect();
        calendar.bindData();
        calendar.dateControl.value = today.format(calendar.dateFormatStyle);
        calendar.hide()
    };
    this.calendarToday = obj
};
Calendar.prototype.bindYear = function () {
    var cy = this.calendarYear;
    cy.length = 0;
    for (var i = this.beginYear; i <= this.endYear; i++) {
        cy.options[cy.length] = new Option(i + Calendar.language["year"][this.lang], i)
    }
};
Calendar.prototype.bindMonth = function () {
    var cm = this.calendarMonth;
    cm.length = 0;
    for (var i = 0; i < 12; i++) {
        cm.options[cm.length] = new Option(Calendar.language["months"][this.lang][i], i)
    }
};
Calendar.prototype.getHour = function () {
    return this.calendarHour.options[this.calendarHour.selectedIndex].value
};
Calendar.prototype.getMinute = function () {
    return this.calendarMinute.options[this.calendarMinute.selectedIndex].value
};
Calendar.prototype.getSecond = function () {
    return this.calendarSecond.options[this.calendarSecond.selectedIndex].value
};
Calendar.prototype.goPrevMonth = function (e) {
    if (this.year == this.beginYear && this.month == 0) {
        return
    }
    this.month--;
    if (this.month == -1) {
        this.year--;
        this.month = 11
    }
    this.date = new Date(this.year, this.month, 1, this.getHour(), this.getMinute(), this.getSecond());
    this.changeSelect();
    this.bindData()
};
Calendar.prototype.goNextMonth = function (e) {
    if (this.year == this.endYear && this.month == 11) {
        return
    }
    this.month++;
    if (this.month == 12) {
        this.year++;
        this.month = 0
    }
    this.date = new Date(this.year, this.month, 1, this.getHour(), this.getMinute(), this.getSecond());
    this.changeSelect();
    this.bindData()
};
Calendar.prototype.changeSelect = function () {
    var cy = this.calendarYear;
    var cm = this.calendarMonth;
    var ch = this.calendarHour;
    var ci = this.calendarMinute;
    var cs = this.calendarSecond;
    for (var i = 0; i < cy.length; i++) {
        if (cy.options[i].value == this.date.getFullYear()) {
            cy[i].selected = true;
            break
        }
    }
    for (var i = 0; i < cm.length; i++) {
        if (cm.options[i].value == this.date.getMonth()) {
            cm[i].selected = true;
            break
        }
    }
    for (var i = 0; i < ch.length; i++) {
        if (ch.options[i].value == this.date.getHours()) {
            ch[i].selected = true;
            break
        }
    }
    for (var i = 0; i < ci.length; i++) {
        if (ci.options[i].value == this.date.getMinutes()) {
            ci[i].selected = true;
            break
        }
    }
    for (var i = 0; i < cs.length; i++) {
        if (cs.options[i].value == this.date.getSeconds()) {
            cs[i].selected = true;
            break
        }
    }
};
Calendar.prototype.update = function (e) {
    this.year = e.calendarYear.options[e.calendarYear.selectedIndex].value;
    this.month = e.calendarMonth.options[e.calendarMonth.selectedIndex].value;
    this.date = new Date(this.year, this.month, 1, this.getHour(), this.getMinute(), this.getSecond());
    this.changeSelect();
    this.bindData()
};
Calendar.prototype.bindData = function () {
    var calendar = this;
    var dateArray = this.getMonthViewArray(this.date.getFullYear(), this.date.getMonth());
    var tds = this.getElementById("calendarTable").getElementsByTagName("td");
    for (var i = 0; i < tds.length; i++) {
        tds[i].style.backgroundColor = calendar.colors["td_bg_out"];
        tds[i].onclick = function () {
            return
        }
        tds[i].onmouseover = function () {
            return
        }
        tds[i].onmouseout = function () {
            return
        }
        if (i > dateArray.length - 1) break;
        tds[i].innerHTML = dateArray[i];
        if (dateArray[i] != " ") {
            tds[i].onclick = function () {
                if (calendar.dateControl != null) {
                    calendar.dateControl.value = new Date(calendar.date.getFullYear(), calendar.date.getMonth(), this.innerHTML, calendar.getHour(), calendar.getMinute(), calendar.getSecond()).format(calendar.dateFormatStyle)
                }
                calendar.hide()
            };
            tds[i].onmouseover = function () {
                this.style.backgroundColor = calendar.colors["td_bg_over"]
            };
            tds[i].onmouseout = function () {
                this.style.backgroundColor = calendar.colors["td_bg_out"]
            };
            if (new Date().format("yyyy-MM-dd") == new Date(calendar.date.getFullYear(), calendar.date.getMonth(), dateArray[i]).format("yyyy-MM-dd")) {
                tds[i].style.backgroundColor = calendar.colors["cur_bg"];
                tds[i].onmouseover = function () {
                    this.style.backgroundColor = calendar.colors["td_bg_over"]
                }
                tds[i].onmouseout = function () {
                    this.style.backgroundColor = calendar.colors["cur_bg"]
                }
            }
            if (calendar.dateControl != null && calendar.dateControl.value == new Date(calendar.date.getFullYear(), calendar.date.getMonth(), dateArray[i], calendar.getHour(), calendar.getMinute(), calendar.getSecond()).format(calendar.dateFormatStyle)) {
                tds[i].style.backgroundColor = calendar.colors["sel_bg"];
                tds[i].onmouseover = function () {
                    this.style.backgroundColor = calendar.colors["td_bg_over"]
                };
                tds[i].onmouseout = function () {
                    this.style.backgroundColor = calendar.colors["sel_bg"]
                }
            }
        }
    }
};
Calendar.prototype.getMonthViewArray = function (y, m) {
    var mvArray = [];
    var dayOfFirstDay = new Date(y, m, 1).getDay();
    var daysOfMonth = new Date(y, m + 1, 0).getDate();
    for (var i = 0; i < 42; i++) {
        mvArray[i] = " "
    }
    for (var i = 0; i < daysOfMonth; i++) {
        mvArray[i + dayOfFirstDay] = i + 1
    }
    return mvArray
};
Calendar.prototype.getElementById = function (id) {
    if (typeof (id) != "string" || id == "") return null;
    if (document.getElementById) return document.getElementById(id);
    if (document.all) return document.all(id);
    try {
        return eval(id)
    } catch (e) {
        return null
    }
};
Calendar.prototype.getElementsByTagName = function (object, tagName) {
    if (document.getElementsByTagName) return document.getElementsByTagName(tagName);
    if (document.all) return document.all.tags(tagName)
};
Calendar.prototype.getAbsPoint = function (e) {
    var x = e.offsetLeft;
    var y = e.offsetTop;
    while (e = e.offsetParent) {
        x += e.offsetLeft;
        y += e.offsetTop
    }
    return {
        "x": x,
        "y": y
    }
};
Calendar.prototype.show = function (dateObj, popControl) {
    if (dateObj == null) {
        throw new Error("arguments[0] is necessary")
    }
    this.dateControl = dateObj;
    this.date = (dateObj.value.length > 0) ? new Date(dateObj.value.toDate(this.dateFormatStyle)) : new Date();
    this.year = this.date.getFullYear();
    this.month = this.date.getMonth();
    this.changeSelect();
    this.bindData();
    if (popControl == null) {
        popControl = dateObj
    }
    var xy = this.getAbsPoint(popControl);
    this.panel.style.left = xy.x - 25 + "px";
    this.panel.style.top = (xy.y + dateObj.offsetHeight) + "px";
    this.panel.style.display = "";
    this.container.style.display = "";
    dateObj.onblur = function () {
        calendar.onblur()
    };
    this.container.onmouseover = function () {
        isFocus = true
    };
    this.container.onmouseout = function () {
        isFocus = false
    }
};
Calendar.prototype.hide = function () {
    this.panel.style.display = "none";
    this.container.style.display = "none";
    isFocus = false
};
Calendar.prototype.onblur = function () {
    if (!isFocus) {
        this.hide()
    }
};
document.write('<div id="ContainerPanel" style="display:none;"><div id="calendarPanel" style="position: absolute;display: none;z-index: 9999;');
document.write('background-color: #FFFFFF;border: 1px solid #CCCCCC;width:175px;font-size:12px;margin-left:25px;"></div>');
document.write('</div>');